<template>
  <div class="dividing">
    <p>{{title}}</p>
    <div class="dividing-right">
      <!-- <YsButton class="dividing-btn">工具与解决方案</YsButton>
      <YsButton class="dividing-btn dividing-btn2 current">首页意见反馈</YsButton> -->
    </div>
  </div>
</template>

<script>
export default {
  name: '',
  props: {
    title: {
      type: String,
      default: () => {
        return ""
      }
    },
  },
  components: {

  },
  data() {
    return {

    }
  },
  methods: {

  },
  mounted() {

  },
  watch: {

  },
  computed: {

  },
  filters: {

  }
}
</script>

<style scoped lang='less'>
.dividing {
  display: flex;
  height: 64px;
  line-height: 64px;
  align-items: center;
  p {
    font-size: 20px;
    font-family: PingFangSC-Medium;
    font-weight: 400;

    color: #405680;
    opacity: 1;
  }
  .dividing-right {
    .current {
      background: #0061ff !important;
      color: #fff !important;
    }
    margin-left: auto;
    .dividing-btn {
      width: 160px;
      height: 40px;
      background: #ffffff;
      border: 1px solid #0061ff;
      opacity: 1;
      padding: 0;
      color: #0091FF;
      border-radius: 4px;
    }
    .dividing-btn2 {
      margin-left: 10px;
    }
  }
}
</style>